@charset "utf-8";
/* CSS Document autor  1939890928 */
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {margin: 0;padding: 0;letter-spacing:0.5px;}
body{font: 14px/1.5 sourcehansanscn-lLtalphabetic, Arial, Helvetica, sans-serif; background:#fff;min-width: 280px; color:#121212;}
a{ text-decoration: none; color:#2b2937;  outline:none; color:#3e3e3e; transition:all 0.5s ease 0s;} 
li{ list-style:none}
ul, ol {list-style: none outside none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; text-transform: uppercase }
img { border: 0 none;vertical-align: middle; }
button, input, select, textarea {font-size: 100%;outline: 0 none;vertical-align: middle; -webkit-appearance: none; border-radius:0; border:none; background:none }
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
.clear{clear:both;overflow:hidden;zoom:1}
.d_block {display: block}
.d_none {display: none;}
.w_640{ width:100%; margin:0 auto; position:relative;  }
b{ font-weight:normal}
body, html{ }
h3, li{transition:all 0.5s ease 0s;} 


@font-face {
  font-family: 'sourcehansanscn-lLtalphabetic';
  src: url('/public/fonts/sourcehansanscn-light.ttf'),
  src: url('/public/fonts/sourcehansanscn-light.woff2') format('woff2'),
  url('/public/fonts/sourcehansanscn-light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.wrap{ position:relative; overflow:hidden  }
.wrapstyle{ padding-top:264px; }

.head{ background-color: rgba(32,99,192,0.9); background:#2769c2\9; height:82px; line-height:82px; color:#fff; position:relative; z-index:2; position:absolute; left:0; top:0; width:100%; z-index:100 }
.top{ width:1200px; height: 100%; margin:0 auto; position:relative;}
.top_text{ float:right; font-size: 12px; padding-left:330px;}
.top_text a{ /*font-size:16px;*/ font-size: 12px; margin:0 5px;color:#fff; }
.top_text a img{ margin-right:5px;}
.topshare{ float:right; margin-left:30px; color:#fff;  padding-right:5px; margin-right:5px; position:relative ; background:url(/public/images/topshare.png) no-repeat 66px 38px; font-size: 12px; margin-right:-330px;}
.topshare a{ /*font-size:16px;*/ font-size: 12px; color:#fff; /*padding-right:30px;*/ padding-right: 46.55px;}
.topshare p{ position:absolute; width:90px;  text-align:center; background:#2c6fcc; z-index:10; left:-20px; top:60px; padding:5px 0; display:none }
.topshare p a{ line-height:28px; display:block; width:100%; padding:0; font-size: 12px; }
.submenu{width: 100%; height: 200px; background-color: rgba(41,109,203,0.8);background:#2769c2\9;display: none;}
.submenu .pcmenu{background: transparent;}
.submenu .pcmenu>dl:nth-child(1) ul li{width: 130px;}

/*wap_header*/
.wap_header{ height:60px; position: relative; z-index:999; width:100%; box-sizing:border-box;  background-color: rgba(0,0,0,0.64); z-index:10}
.logo{ float:left; margin-right:20px; /*border-bottom:2px solid #fff*/ }
.logo a{ display:block; margin:0 auto;}
.logo em{ position:relative}
.logo i{ position:relative; display:none}
.logofixer{ height:100px;  }
.logo img{ max-width:100%; display:block; height:80px;}
.topfixer{position: fixed;}
.phonelogo{ float:left; width:100px}
.phonelogo img{ width:100%}
.phonelogo{ display:none}

/*导航*/
.nav{  position: relative; z-index:30; width:100%; margin:0 auto; height:50px; text-align:center; }
.navO{ }
.navstyle{ background:none}
.nav ul{}
.nav li{display:inline-block; *zoom:1; *display:inline;/*background:url(/public/images/navbg.png) no-repeat right center;*/ height:80px;position:relative  }
.nav li.menuOn{}
.nav li:hover{ background:none}
.nav li a{ display:inline-block; width: auto; text-align:center; height: auto; /*font-size:22px;*/ font-size: 16px;  overflow:hidden; position:relative; z-index:200;  color:#fff; margin:0 25px; border-bottom:2px solid rgba(32,99,192,0.9) }
.nav.navPc li a:hover, .nav.navPc li a.menuOn{ border-bottom:2px solid #fff}
.nav li dl{ position:absolute; background:#f8424b; padding:10px 0; width:150px; height: auto; left:0; top:59px; display:none}
.nav li dl a{ display:block; line-height:38px;}
.nav li dl a:hover{ background:#802b37}
.nav_click{ display:none; margin:15px 15px 0 0; float:right; cursor:pointer }
.welcome{ float:left; line-height:60px; padding-left:6%}
.logo_style{ width:130px; height:45px; padding-top:15px; padding-left:0}
.phone{ line-height:60px; float:right; padding-right:40px;}

.wap_header_style b{ color:#fff; font-size:20px;}
.nav_hide .nav{ display:none}
.index_search{ background:#f5f5f5; padding:15px 0; width:100%; border-bottom:1px solid #dddddd}
.index_search_left{ float:left}
.index_search_left a{ margin-right:25px; margin-left:15px}
.index_search_right{ float: right}
.index_search_right a{ margin-right:15px; margin-left:25px}
.index_search .basewidth{ margin-bottom:0}
.index_search .search{ margin-top:0}
.subnav{ text-align:center; height:100px; line-height:100px; text-align:center; }
.subnav a{   color:#858585; margin:0 25px; font-size:14px; }
.subnav a:hover, .subnav a.cur{ color:#000; text-decoration:underline}
.subnav a.font_style{}
.mobilenav{ display:none }
.mobilenav h4{ position:absolute; left:0; top:-45px; color:#999; font-size:12px;}
.mobilenav h4 a{ font-size:12px; color:#999; padding:0 8px;}
.other{ position:absolute; top:-10px;}
.other a{ padding:0 8px}
.other a{ font-size:12px; color:#999}
.indexclose{}
.indexclose{ display:none;   float:right; margin:25px 10px 0 0; font-size:14px; text-transform:uppercase}
.subnavstyle{ height:auto; padding-top:24px; margin-top:-26px}
.subnav{ display:none}
.nav .menuOn dl{ }
.mobilenav dl{ display:none}
.mobilenav ul li a{ height:auto; padding:10px 0; font-size:26px; padding-right:10px; color:#333}
.navPc{ width:auto; margin:0 auto; text-align:left; height:auto; height:80px; line-height:80px; float:left; padding-left:25px; }
.languge{ position:absolute; right:100px; top:25px; z-index:40 }
.languge a{ }
.languge a.langugecur{ color:#c9c9c9}
.topmenu{ display:none}
.mobilenav ul li b{ font-size:24px; color:#acacac}

.jobinfo #uls li{ background:url(/public/images/liststyle.jpg) no-repeat 10px 12px; padding-left:30px;}

.widthbox{ width:1160px; margin:0 auto}

.indexbanner{ background:#eee; position:relative; vertical-align:middle; clear:both }
.flexslider .slides > li img{ width:100%}
.flex-direction-nav a{ width:61px; height:91px;}
.flex-direction-nav .flex-prev{ background:url(/public/images/flex-prev.png) no-repeat left top; left:10% }
.flex-direction-nav .flex-next{ background:url(/public/images/flex-next.png) no-repeat left top; right:10%; }
.flex-control-nav{ bottom:20px; z-index:10 }
.flex-control-nav li{ margin:0 10px; }
.flex-control-nav li a{ width:20px; height:20px; border-radius:50%; background-color: rgba(112,112,112,0.8); display:block; }
.flex-control-nav li a.flex-active{ background-color: rgba(38,101,186,0.8); }

.pcmenu{ position:absolute; left:0; /*top:82px;*/ top: 0; /*width:1180px;*/ width: 100%; height:200px; background-color: rgba(41,109,203,0.8);background:#2769c2\9; display:none; }
.pcmenu dt{ height:65px; line-height:65px; border-bottom:1px solid #6fb5e2; /* */ font-size: 16px; padding:0 0 0 80px;}
.pcmenu dt i{ float:right; width:16px; height:16px;background:url(/public/images/close.png) no-repeat left top; cursor:pointer; margin:10px 30px 0 0 ; display:none }
.pcmenu dl{ display:none }
.pcmenu dd{ padding:20px 0 20px 80px; line-height:24px; }
.pcmenu dd a{ color:#fff; margin-right:80px;opacity:0.8 }
.pcmenu dd a:hover{ opacity:1}
.pcmenu dd ul { }
.pcmenu dd ul li{ display:inline-block; float:left }
.pcmenu dd ul li h3{ font-size:14px;}
.pcmenu dd ul li{ font-size:12px; margin-right:25px; width:160px;}
.pcmenu dd ul li a{ margin:0}

.development{ background:url(/public/images/development.jpg) no-repeat center top #eee;height:730px; position:relative;  overflow:hidden}
.developmentlist{ width:1000px; margin:0 auto ; padding-top:80px; }
.developmentlist ul{ width:115%;}
.developmentlist ul li{ float:left; margin-right:36px; width:310px; height:365px; position:relative ;background:#fff; text-align:center; }
.developmentlist ul li .h3{   color:#0071bd; margin:70px 0 38px }
.developmentlist ul li img{ display:block;width:100%;  }
.developmentlist ul li p{ color:#4c4b4b; font-size:14px; }
.developmentlist ul li span{ position:absolute; background:url(/public/images/developmentlist.png) no-repeat center top; width:276px; height:284px; left:16px; top:-80px;}
.developmenttext{ width:1000px; margin:0 auto;   line-height:30px; padding:0 0 50px}

.tit{ padding:50px; text-align: center; }
.tit .h3{ font-size:30px; margin-bottom:10px; color:#000; position:relative ;background:url(/public/images/tit.png) no-repeat center top }

.business{ background:#eee}
.planimgs{ width:1000px; margin:0 auto ; padding-bottom:40px; overflow:hidden}
.planimgs ul{ width:115%; margin-bottom:20px; overflow:hidden}
.planimgs ul li{ float:left; margin-right:20px; /*width:270px;*/ position:relative; overflow:hidden; }
.planimgs ul li img{  width:100%; transition: all 0.5s ease 0s; }
.planimgs ul.businessul:nth-child(1) li:nth-child(3), .planimgs ul.businessul:nth-child(2) li:nth-child(1){ /*width:414px;*/}
.planimgs ul.businessul:nth-child(1) li:nth-child(1) h3, .planimgs ul.businessul:nth-child(1) li:nth-child(2) h3{ background-color: rgba(255,255,255,0.8); color:#007aff }


.planimgs ul li .h3{   text-indent:20px; line-height:50px; height:50px; width:70%; font-size:16px; position:absolute;background-color: rgba(38,101,186,0.8); background:#2769c2\9; left:0; bottom:20px; color:#fff  }
.planimgs ul li:hover h3{ }



.planimgs ul.businessul li{ /*width:270px*/}
.planimgs ul.businessul li img{  width:100%; }
.planimgs ul.businessul li.ab{
	width: 47% !important;
}

.news{ width:1000px; margin:0 auto; padding-bottom:70px;}
.news-tab-hd{ text-align:center; margin-bottom:70px; }
.news-tab-hd a{ font-size:24px; margin:0 100px; padding:10px 0; position:relative }
.news-tab-hd a.active, .news-tab-hd a:hover{ color:#0071bd; border-bottom:1px solid #0071bd}
.news-ul{ overflow:hidden; padding:15px; }
.news-ul ul{ width:110%}
.news-ul li{ float:left; width:298px; height:305px;  margin:0 38px 20px 0; position:relative; }
.news-ul li a{ display:block; width:100%; height:100%;border:1px solid #eee; box-sizing:border-box}
.news-ul li a span{ height:170px; overflow:hidden; display:block}
.news-ul li a:hover{ box-shadow:0 0 15px #aaa;transition: all .2s linear;
  	-webkit-transition: all .2s linear;
  	-moz-transition: all .2s linear;
  	-ms-transition: all .2s linear;
  	transform: translateY(-4px);
  	-webkit-transform: translateY(-4px);
  	-moz-transform: translateY(-4px);
  	-ms-transform: translateY(-4px);
  	box-shadow: 0px 1px 3px 0px rgba(28,41,47,0.16);
  	-webkit-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-moz-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-ms-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);}
.news-ul li a img{ width:100%; }
.news-ul li p{ text-align:right; padding:10px; border-bottom:1px solid #eee; margin-bottom:5px; }
.subnews .news-ul li p{ background:#edeeef; margin-bottom:5px; }
.subnews{ padding-bottom:0}
.news-ul li h3{ text-align:center; font-size:16px; font-weight:bold; width:80%; margin:0 auto ; line-height:24px;}
.news02{ display:none}

.foot{ background:#eee; padding:30px 0;}
.foot_box{ width:1000px; margin:0 auto; height:80px;}
.foot_left{ font-size:14px; float:left  }
.foot_left p{ margin-top:10px; }
.foot_left p a{ margin-right:20px;}
.foot_left p a:hover{ color:#0071bd; }
.foot_right{ float:right; padding-top:10px;}
.foot_right a{   font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-left:50px; display:inline-block; float:left; position:relative}
.foot_right a em{ position:absolute; background:#fff; left:-88px; top:-240px; padding:10px; background:#fff; z-index:2; border:1px solid #ccc; box-shadow:0 0 10px #ccc; display:none}
.foot_right a em img{ width:200px;}
.foot_right a b{ margin-left:10px;}
.foot_right a img{ vertical-align:middle;}
.foot_right a.webchat:hover img{ display:none;}
.foot_right a.webchat:hover em img{ display:block}
.foot_right a.webchat:hover{ background:url(/public/images/webchat_on.png) no-repeat left top; width:46px; height:47px; display:inline-block }
.foot_right a.webchat:hover em{ display: block}



.wap_header{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100}
.mobilebg{ display:none;}
.mobilenav ul:nth-child(2) li:nth-child(2) a, .mobilenav ul:nth-child(2) li:nth-child(3) a{ }
.mobilenav li{ height:auto }
.mobilenav li dl{ display: none; width:96% ; position:relative; left:auto; top:auto; background:none; }
.mobilenav ul li dd a{ width:100%; line-height:14px; text-align:right; font-size:12px; color:#999}

/*展宇新能*/
.subbanner{ }
.subbanner img{ display:block; width:100%}
.subcontent{ width:1000px; padding:35px 0 60px; overflow:hidden; margin:0 auto; background:#fff; }
.statue{   line-height:18px; color:#808080; padding-bottom:20px; }
.statue a{ color:#000; border-bottom:1px dotted #000; padding:0 5px;}
.statue a:hover{ color:#0071bd}
.statue strong{ font-weight:normal; padding:0 5px; }
.statue img{ vertical-align:middle; float:left; margin:0 10px 0 0; width:18px; }
.subtit{ text-align:center; font-size:24px; color:#3d73c9; padding-bottom:30px; margin-bottom:50px; position:relative; border-bottom:1px solid #d2d2d2; font-weight:bold }
.subtit span{ position:absolute; left:50%; width:40px; height:3px; background:#2c6fcc; margin-left:-20px; top:65px; }
video,.about-video{ width:100%; margin-bottom:30px; }
.single .h3{ font-size:24px; color:#2c6fcc; margin-bottom:30px;}
.single p{   line-height:30px; margin-bottom:30px;}
.single img{ max-width:100%}
.ptvo img{width: 100%;height: inherit;}
/*企业文化*/
.culture{ overflow:hidden}
.culture li{ float:left; width:50%; position:relative;transition:all 0.5s ease 0s; }
.culture li em{ position:absolute; font-size:28px; color:#fff; text-align:center; position:absolute; left:0; top:220px; font-style:normal; font-weight:bold; letter-spacing:3px; width:100%; z-index:2}
.culture li img{ display:block; max-width:100%}
.culture span{ position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(32,99,192,0.8); background:#2769c2\9; color:#fff; text-align:center; opacity:0; transition:all 0.5s ease 0s; z-index:3  }
.culture span h3{ font-size:28px; font-weight:bold; margin-bottom:16px; margin-top:160px; opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,50px,0); }
.culture span p{   line-height:40px; opacity: 0;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,60px,0);}
.culture li a:hover span{ opacity:1;}
.culture li a:hover em{ display:none}
.culture li a:hover span h3{-webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0); opacity:1}
.culture li a:hover span p{-webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0); opacity:1}  

/*企业责任*/
.duty{ overflow:hidden; margin-bottom:30px; }
.duty li{ display:block; overflow:hidden }
.duty li img{ float:left; width:50%; }
.duty li span{ float:right; width:50%; height:303px; background:#618fcc; color:#fff}
.duty li h4{ padding:60px 0 20px; text-align:center; font-size:24px; font-weight:bold;}
.duty li p{ padding:0 30px; }
.duty li:nth-child(2n) span{ float:left}
.duty li:nth-child(2n) img{ float:right}

/*发展历程*/
.time{ text-align:center;   padding-bottom:20px  }
.event{ padding:60px 0}
.event_top{ padding-left:470px;}
.event_item{ overflow: hidden; position:relative}
.event_item_left{ float:left; width:470px;}
.item-image{ float:right; width:442px;}
.item-image img{ width:100%; }
.event_item_center{ float:left; width:57px;}
.event_item_right{ float:left; width:470px;}
.item-content{ float:left;}
.item-year{ font-size:24px; margin-bottom:30px;}
.item-html{   line-height:34px; }
.event_item_left .item-year{ text-align:right}
.event_item_right .item-image{ float:left}
.event_item_left .item-content{ float:right}

/*企业荣誉*/
.tab-hd{ text-align:center; margin-bottom:50px; }
.tab-hd li{ font-size:20px; margin:0 20px; padding:0px 10px 1px 20px; border-radius:5px; letter-spacing:10px; display:inline-block; cursor:pointer }
.tab-hd li.active, .tab-hd li:hover{ background:#2665b9; color:#fff; transition:all 0.5s ease 0s; }
.tab-bd{ overflow:hidden}
.tab-bd li{ display:none}
.dl01{ width:110%;}
.dl01 dd{ float:left; width:237px; position:relative; margin:0 16px 16px 0}
.dl01 dd img{ width:100%}
.dl01 dd:nth-child(7), .dl01 dd:nth-child(8){ width:483px}
.dl01 dd:nth-child(10){ clear:both}
.dl01 dd span{ position:absolute; left:0; top:0; width:100%; height:100%;background-color: rgba(38,101,185,0.8); opacity:0;}
.dl01 dd:hover span{ display:block; opacity:1}
.dl01 dd span .h3{color:#fff; text-align:center; padding:0 50px; margin:124px 0 0 0;opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,50px,0); }
.dl01 dd:hover span .h3, .dl02 dd:hover span .h3, .dl03 dd:hover span .h3{-webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0); opacity:1}  
  
.dl02{ width:110%;}
.dl02 dd{ float:left; position:relative; width:234px; overflow:hidden; margin:0 20px 20px 0}
.dl02 dd img{ width:100%}
.dl02 dd span{ position:absolute; left:0; top:0; width:100%; height:100%;background-color: rgba(38,101,185,0.8);  opacity:0}
.dl02 dd:hover span{ display:block; opacity:1}
.dl02 dd span .h3{   color:#fff; text-align:center; padding:0 20px; margin:124px 0 0 0; opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,50px,0); }
.dl02 dd:nth-child(9) span .h3, .dl02 dd:nth-child(10) span .h3, .dl02 dd:nth-child(11) span .h3, .dl02 dd:nth-child(12) span .h3, .dl02 dd:nth-child(13) span .h3, .dl02 dd:nth-child(14) span .h3, .dl02 dd:nth-child(15) span .h3, .dl02 dd:nth-child(16) span .h3, .dl02 dd:nth-child(17) span .h3, .dl02 dd:nth-child(18) span .h3, .dl02 dd:nth-child(19) span .h3, .dl02 dd:nth-child(20) span .h3{ margin-top:60px; }
.dl03{ width:110%;}
.dl03 dd{ float:left; width:312px; overflow:hidden; position:relative; margin:0 30px 30px 0}
.dl03 dd img{ width:100%}
.dl03 dd span{ position:absolute; left:0; top:0; width:100%; height:100%;background-color: rgba(38,101,185,0.8); opacity:0}
.dl03 dd:hover span{ display:block;opacity:1}
.dl03 dd span .h3{   color:#fff; text-align:center; padding:0 50px; margin:90px 0 0 0;opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,50px,0);  }
.president_name{ text-align:right}
.tabnet{ margin-top:-50px; margin-bottom:100px; }
.tabnet .tab-bd{ text-align:center; background:#eeeeee; padding:20px 0 }

/*加入我们*/
.join{ overflow:hidden; margin-bottom:30px; }
.join li{ display:block; overflow:hidden }
.join li img{ float:right; width:540px; }
.join li span{ float:left; width:460px; height:346px; background:#3a73bf; color:#fff}
.join li h4{ padding:60px 0 20px 30px;  font-size:24px;}
.join li p{ padding:0 30px; line-height:30px; letter-spacing:2px; }
.join li:nth-child(2) span{ float:right; background:#e5e5e5; color:#333; }
.join li:nth-child(2) img{ float:left}
.forjob{ display: block; margin:10px auto;   color:#fff; background:#3a73bf; border-radius:5px; width:140px; text-align:center; padding:5px 10px; margin-top:50px; border:1px solid #eee }
.forjob:hover{ color:#3a73bf; background:#fff; border:1px solid #3a73bf}


/*联系我们*/
.mapslist{ float:left; width:420px; }
.mapslist li{ display:block; padding:10px; border-bottom:1px solid #ddd; line-height:32px; opacity:0.6; cursor:pointer }
.mapslist li:last-child{border-bottom: none;}
.mapslist li.active, .mapslist li:hover{ opacity:1; }
.mapslist li h3{ font-size:24px; margin-bottom:5px; font-weight:bold }
.mapslist li p{ font-size:16px;}
.mapslist li p img{ float:left; margin-right:5px; margin-top:5px; }
.mapslist li h4{ font-size:16px; padding-left:26px}
.map{ float:right; width:580px; height:680px; }
.mapbox{border:1px solid #ddd;width:720px;height:680px;overflow:hidden}

/*招聘*/
.job_tit{ overflow:hidden; background:#eee; }
.job_tit li{ display:inline-block; padding:20px 0;   color:#3a73bf; font-weight:bold; width:25%; float:left; text-align:center }
.job_tit li:nth-child(1){ text-align:left; text-indent:20px; }
.job_item{ margin:5px 0; overflow:hidden;  background:#eee; }
.job_item ul{ cursor:pointer;display:block; overflow:hidden}
.job_item ul:hover{ background:#f4f4f4; }
.job_item ul.active{ background:#3a73bf; color:#fff}
.job_item li{ display:inline-block; padding:15px 0;   width:25%; float:left; text-align:center }
.job_item li:nth-child(1){ text-align:left; text-indent:20px; }
.job_info{ padding:10px 20px; border-bottom:1px solid #ddd; }
.job_info h3{   font-weight:bold; margin-bottom:10px; }
.job_info p{ font-size:16px; line-height:30px; color:#333}
.forjobs{ text-align:center; display:none }
.forjobs a{ display:block; margin:20px auto;   color:#fff; background:#3a73bf; border-radius:5px; width:140px; text-align:center; padding:5px 10px; border:1px solid #eee }
.forjobs a:hover{ background:#fff; border:1px solid #3a73bf; color:#3a73bf}
.job_info{ display:none}

.subform h3{   margin-bottom:60px; }
.subform ul{ padding:20px;}
.subform li{ display:block; width:400px; margin:0 10px 30px 40px; float:left}
.subform li.li100{ width:100%}
.subform li.licode{width:88.5%;overflow: hidden;}
.subform li.licode>div{float: left;}
.subform li.licode>a{float: right;}
.subform li span{ display:block; margin-bottom:15px;  }
.subform li input{ display:block; border:2px solid #e5e5e5; background:#eee; width:100%; height:30px; line-height:30px; text-indent:20px; }
textarea{  border:2px solid #e5e5e5; background:#eee; width:100%; padding:10px; height:230px; width:828px;  }
.subform li a{ display: block;background: #3a73bf;color: #fff;width: 120px; margin:20px 0 0 360px; font-size: 18px;text-align: center;padding: 5px 0; border-radius: 5px; border:1px solid #fff}
.subform li a:hover{ background:#fff; border:1px solid #3a73bf; color:#3a73bf}


/*新闻中心*/
.newtit{ font-size:24px; font-weight:bold; margin-bottom:30px; padding:0 10px; }
.newsmore{ text-align:center; margin:20px 0 30px }
.newsmore a{ font-size:20px; color:#2c6fcc }
.newsmore img{ display:block; margin:0 auto; margin-top:10px; }
.blank{ background:url(/public/images/blank.jpg) repeat-x center top; height:10px; margin:50px 0;  }
.page{ text-align:center; padding:30px 0; }
.page a{ background:#eaeaea; border:1px solid #ddd; margin:0 2px; padding:8px 20px; font-size:16px; }
.page a.active, .page a:hover{ color:#2059c0; background:#f4f4f4 }
.detail_tit{ text-align:center; font-size:28px;}
.detail_bar{ margin:40px 0; text-align:right; padding:10px 20px; background:#eeeeee; font-size:16px; color:#555 }
.detail_bar span{ padding:0 10px; }
.detail_info{ font-size:16px; color:#555; line-height:30px;}
.detail_info p{ text-indent:36px; margin-bottom:20px;}
.detail_info img{ max-width:100%; }
.detail_page{ padding:30px 20px;}
.detail_page a{ font-size:16px; color:#666; margin-right:40px; }
.detail_page a:hover{ color:#000; }

/*研发创新*/
.dpbox li h4{ text-align:left; padding:40px 0 30px 30px; }
.dpbox li:nth-child(2n) h4{ text-align:right; padding-right:30px; }
.look{ display: inline-block; background:#fff; color:#618fcc; font-size:16px; border-radius:5px; padding:2px 10px; margin-left:30px; }
.lookstyle{ float:right; margin-right:30px; }
.look:hover{ background:#3a73bf; border:1px solid #3a73bf; color:#fff}
.dplist{ overflow:hidden}
.dplist ul{ width:110%}
.dplist h3{ color:#3d73c9; font-size:28px; background:#ebf2f8; padding:10px; margin-bottom:15px; font-weight:bold }
.dplist ul li{ float:left; width:470px; height:450px; padding:10px; background:#edf2f7; margin:0 23px 40px 0}
.dplist ul li img{ width:100%; }
.dplist ul li h4{ font-size:28px; color:#3671cd; padding:20px; }
.dplist ul li p{ font-size:16px; padding:0 20px; }

/*产品*/
.pro_trnsfor{ width:1000px; }
.pro_trnsfor li img{ width:550px;  float:left}
.pro_trnsfor li span{ float:right; width:450px; height:285px; background:#dfdfdf; color:#333}
.pro_trnsfor li:nth-child(2) img{ float:right }
.pro_trnsfor li:nth-child(2) span{ float:left; height:285px; }
.pro_top img{ max-width:100%}
.pro_text{   margin:30px 0; line-height:26px; }
.pro_text h3{ margin-bottom:20px; font-weight:bold}
.pro_text h3.new_h3_bg{ background:#548ad5; color:#fff; padding:8px 20px; }
.pro_text h2{ margin-bottom:20px; font-weight:bold; text-align: center; font-size:20px; }
.pro_text img{ max-width:100%}
.pro_text p{ margin-bottom:20px; }
.pro_list{ margin-bottom:30px; overflow:hidden; padding:15px;}
.pro_list ul{ width:110%;}
.pro_list ul li{ float:left; text-align:center; width:570px; border:2px solid #eaeaea; margin-right:15px; width:475px; overflow:hidden}
.pro_list ul li:hover{ box-shadow:0 0 15px #aaa;transition: all .2s linear;
  	-webkit-transition: all .2s linear;
  	-moz-transition: all .2s linear;
  	-ms-transition: all .2s linear;
  	transform: translateY(-4px);
  	-webkit-transform: translateY(-4px);
  	-moz-transform: translateY(-4px);
  	-ms-transform: translateY(-4px);
  	box-shadow: 0px 1px 3px 0px rgba(28,41,47,0.16);
  	-webkit-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-moz-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-ms-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);}
.pro_list ul li a{ display:block; width:100%; height:100%; }
.pro_list ul li img{ width:100%}
.pro_list ul li a:hover{ box-shadow: 0 0 15px #aaa;}
.pro_list ul li a h3{ padding:20px ; font-size:24px; font-weight:bold}
.pro_list ul li a p{ display:block; background:#c8c8c8; padding:10px;   margin-top:10px; }
.pro_list ul li a:hover p{ background:#305cbd; color:#fff; }

.chart{ background:url(/public/images/product_img7.jpg) no-repeat center top; height:355px; overflow:hidden }
.chart a{ display:block; width:100%; height:100%; }
.chart a h3{ margin:100px 0 0 30%; font-size:24px; color:#000; letter-spacing:2px; }
.chart a h3 b{ display:block; background:#3d73cb; border:1px solid #3d73cb; color:#fff; width:120px; height:36px; text-align:center; line-height:36px; border-radius:5px; font-size:20px; margin-top:20px; margin:30px 0 0 50px; transition:all 0.5s ease 0s;}
.chart a:hover h3 b{ border:1px solid #3d73cb; color:#3d73cb; background:#fff}

.pro-tab-hd{ text-align:center; margin-bottom:40px; }
.pro-tab-hd a{ font-size:24px; margin:0 125px; padding:10px 0 ;color:#0071bd; }
.pro-tab-hd a.active, .pro-tab-hd a:hover{ color:#0071bd; }
.pro-ul{ overflow:hidden; padding:10px; }
.pro02{ display:none}
.probox{ background:#eee; padding:50px 0 70px;}
.prowidth{ width:1000px; margin:0 auto}
.pro-ul{ text-align: center; }
.pro-ul li{ margin:0 80px; display:inline-block}
.pro-ul li a{ display:block}
.pro-ul li a span{ display:block; margin-bottom:30px; }
.pro-ul li a p{   padding:10px 0; text-align:left; padding-left:60px; margin-bottom:20px; }
.pro-ul li a h3{   color:#fff; background:#3d73c9; width:120px; height:40px; line-height:40px; text-align:center; border-radius:5px; margin:0 auto; border:1px solid #3d73c9}
.pro-ul li a:hover h3{ background:#fff; border:1px solid #3a73bf; color:#3a73bf}


/*电站*/
.power{ width:1000px; margin:40px auto}
.power_more{   color:#648fd4; margin:20px 30px 0 30px; display:block}
.power_more:hover{ color:#0071bd; text-decoration:underline}
.power .duty li span{ background:#fff; color:#333}
.power .duty li:nth-child(2n) .power_more{ text-align:right}
.power_list{ background:#eee; padding:40px 0; }
.power_width{ width:1010px; margin:0 auto; overflow:hidden; padding:15px; }
.power_width h3{ text-align:center; font-size:24px; text-align:center; margin-bottom:40px; font-weight:bold }
.power_width ul{ width:110%; }
.power_width ul li{ float:left; position:relative; width:242px; background:#fff; margin-right:10px; cursor:pointer; }
.power_width ul li:hover{ box-shadow:0 0 15px #aaa;transition: all .2s linear;
  	-webkit-transition: all .2s linear;
  	-moz-transition: all .2s linear;
  	-ms-transition: all .2s linear;
  	transform: translateY(-4px);
  	-webkit-transform: translateY(-4px);
  	-moz-transform: translateY(-4px);
  	-ms-transform: translateY(-4px);
  	box-shadow: 0px 1px 3px 0px rgba(28,41,47,0.16);
  	-webkit-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-moz-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-ms-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);}
.power_width ul li img{ width:100%}
.power_width ul li p{ text-align:center; font-size:16px; padding:15px; font-weight:bold; }
.power_width ul li span{ position: absolute; background-color: rgba(32,99,192,0.9); background:#2769c2\9; color:#fff; left:0; top:0; width:202px; height:300px;   padding:20px; line-height:32px; display:none }
.power_list i{ display:none}
.power_width ul li:hover span{ display:block}



/*致富宝*/
.rich{ width:1000px; margin:0  auto; overflow:hidden}
.rich h3{ text-align:center; font-size:24px; font-weight:bold; margin-bottom:30px; }
.rich ul{ width:110%;}
.rich ul li{ float:left; width:240px; height:400px; background:#fff; margin:0 12px 12px 0; text-align:center}
.rich ul li:hover{ box-shadow:0 0 15px #aaa;transition: all .2s linear;
  	-webkit-transition: all .2s linear;
  	-moz-transition: all .2s linear;
  	-ms-transition: all .2s linear;
  	transform: translateY(-4px);
  	-webkit-transform: translateY(-4px);
  	-moz-transform: translateY(-4px);
  	-ms-transform: translateY(-4px);
  	box-shadow: 0px 1px 3px 0px rgba(28,41,47,0.16);
  	-webkit-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-moz-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-ms-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);}
.rich ul li img{ margin:10px 0 0; width:160px;}
.rich ul li h4{ font-size:20px; padding:10px 0; font-weight:bold; color:#2c6fcc }
.rich ul li p{ font-size:14px; padding:0 20px; text-align:left }
.power h5{ text-align:center; font-size:24px; font-weight:bold; margin-bottom:40px; }
.richbox .duty li span{ background:#3d73c9; color:#fff; height:308px; }
.richbox .duty li h4{ font-size:24px; text-align:left; padding-left:30px; }
.richbox .duty li p{  }
.join_in{ background:url(/public/images/join_in.jpg) no-repeat center top; height:355px; }
.join_in a{ display:block; width:100%; height:100%; }
.join_in a b{}
.join_in h3{ text-align:center; padding-top:100px;}
.join_in h3 b{ display:block; margin:0 auto; background:#3d73cb; border:1px solid #3d73cb; color:#fff; width:120px; height:36px; text-align:center; line-height:36px; border-radius:5px; font-size:20px; margin-top:20px; transition:all 0.5s ease 0s;}
.join_in a:hover h3 b{ border:1px solid #3d73cb; color:#3d73cb; background:#fff}

.prolist{ width:1000px; margin:0 auto; overflow:hidden}
.prolist ul{ }
.prolist ul li{ display: block; overflow:hidden; margin-bottom:30px; }
.prolist ul li a{ display:block; width:100%; height:100%; }
.prolist ul li a span{ float:left; width:530px; overflow:hidden}
.prolist ul li a span img{ width:100%;transition: all 0.5s ease 0s;}

.prolist ul li a p{ float:right; width:470px; height:324px; background:#2d5db1; font-size:28px; text-align:center; line-height:362px; font-weight:bold; color:#fff; letter-spacing:5px; transition: all 0.5s ease 0s; position:relative }
.prolist ul li:nth-child(2n) span{ float:right}
.prolist ul li:nth-child(2n) p{ float:left}



.prolista{ background:#eee; padding:10px; }
.prolista li{ padding:40px 60px; border-bottom:1px solid #3d73c9; overflow:hidden; }
.prolista li img{ float:left; margin-right:60px; }
.prolista li.li02 img{ float:right}
.prolista li h3{ font-size:24px; margin-bottom:20px; color:#3d73c9}
.prolista li h4{ font-size:20px; color:#3d73c9; margin-bottom:20px; }
.prolista li h5{font-size:20px;margin-bottom:20px;}
.prolista li p{ background:url(/public/images/prolist.jpg) no-repeat 400px 14px; font-size:18px; line-height:34px; padding-left:430px; }
.prolista li.li02 p{ padding-left:30px ;background:url(/public/images/prolist.jpg) no-repeat left 14px;}
.prolista li.li03 p{ padding-left:400px; background:url(/public/images/prolist.jpg) no-repeat 372px 14px}
.prolista li.li03{ border-bottom:none; }

.policy{ overflow:hidden}
.policy ul{ width:110%; }
.policy ul li{ overflow:hidden; float:left; margin:0 30px 30px 0 }
.policy ul li span{ float:left; background:url(/public/images/policy.jpg) no-repeat left top; width:129px; height:129px; text-align:center; color:#fff }
.policy ul li span em{ display:block; font-style:normal; font-size:30px; color:#3b9ed0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:18px 0; margin-bottom:5px;   }
.policy ul li p{ width:334px; height:91px; margin-top:18px; padding:10px; background:#eeeeee; float:left; line-height:30px; font-size:16px; letter-spacing:3px; color:#333 }

.policy_list{ background:#eee; padding:30px 0 40px;}
.policy_list h3{ font-size:24px; font-weight:bold; margin-bottom:20px; }
.policy_list_box{ width:1000px; margin:0 auto; overflow:hidden; padding:15px 0}
.policy_list_box ul{ width:105%;}
.policy_list_box ul li{ width:195px; height:246px; background:#fff; float:left; margin-right:5px; text-align:center }
.policy_list_box ul li:hover{ box-shadow:0 0 15px #aaa;transition: all .2s linear;
  	-webkit-transition: all .2s linear;
  	-moz-transition: all .2s linear;
  	-ms-transition: all .2s linear;
  	transform: translateY(-4px);
  	-webkit-transform: translateY(-4px);
  	-moz-transform: translateY(-4px);
  	-ms-transform: translateY(-4px);
  	box-shadow: 0px 1px 3px 0px rgba(28,41,47,0.16);
  	-webkit-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-moz-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);
  	-ms-box-shadow: 0px 4px 20px 0px rgba(28,41,47,0.16);}
.policy_list_box ul li em{ display:block; width:78px; height:73px; font-style:normal; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding-top:18px; background:url(/public/images/policy_1.jpg) no-repeat left top; margin:20px auto}
.policy_list_box ul li p{ padding:0 20px; text-align: left; font-size:16px; }

.policy_step{ width:1000px; margin:35px auto; overflow:hidden}
.policy_step h3{ font-size:24px; font-weight:bold; margin-bottom:20px; }
.policy_step ul{ width:105%;}
.policy_step ul li{ width:330px; height:360px; background:#eeeeee; float:left; margin-right:5px; margin-bottom:5px; text-align:center }
.policy_step ul li img{ margin:15px 0; max-width:100%; display:block; margin:15px auto}
.policy_step ul li em{ font-style:normal; font-weight:bold; font-size:24px;}
.policy_step ul li p{ display:block; padding-top:20px; text-align:left; font-size:16px; padding:20px 30px 0 }
.policy_step ul li p b{ display: block; font-size:14px; }

.photovoltaic{ border-top:1px solid #d2d2d2; padding:30px 0}
.photovoltaic img{ max-width:100%; }
.photovoltaic h2{ font-size:24px; text-align:center; margin-bottom:40px; }
.photovoltaic h3{ font-size:18px;  margin-bottom:30px; }
.photovoltaic p{ margin-bottom:30px;}
.photovoltaic h4{ font-size:18px;  margin-bottom:30px; color:#3d73c9 }
.photovoltaic dl{ background:#e5e5e5; padding:20px; }
.photovoltaic dl dd{ padding-left:30px ; background:url(/public/images/photovoltaic-em.png) no-repeat left top; margin-bottom:20px; }
.photovoltaic dl dd b{ display:block; color:#3d73c9; margin-bottom:10px;}

.power_left img{ float:left; width:480px; margin-right:30px;  }
.power_left h3{ font-size:14px; margin-bottom:20px; float:left; line-height:28px; width:440px; }
.power_left p{ margin-bottom:10px;  padding-left:50px;  float:left; width:350px; padding:10px 0 10px 50px; position:relative }
.power_left p img{ width:36px; margin:0; position:absolute; left:0; top:5px;}

.power_list1{ overflow:hidden}
.power_list1 span{ float:left; width:460px; margin-right:60px; }
.power_list1 span img{ width:100%}
.power_list1 h3{ font-size:18px; font-weight:bold; margin-bottom:50px;}
.power_list1 p{ margin-bottom:40px; float:left; width:400px; line-height:30px; font-size:16px; }
.power_list1 p img{ margin-right:20px; float:left}

.power_list2{ width:1000px; margin:0 auto; overflow:hidden; position:relative}
.power_list2 .fm{ height:370px;}
.power_list2 h3{ font-size:20px; font-weight:bold; margin-bottom:30px; background:url(/public/images/line.jpg) no-repeat left bottom; padding-bottom:10px; }
.power_list2 ul{ width:105%; height:370px; overflow:hidden}
.power_list2 ul li{ float:left; width:330px; margin-right:5px;}
.power_list2 ul li a{ display:block; background:#3d73c9; text-align:center; color:#fff}
.power_list2 ul li a:hover span{ padding:10px}
.power_list2 ul li a span{ box-sizing:border-box; display:block; transition: all 0.5s ease 0s;}
.power_list2 ul li img{ width:100%}
.power_list2 ul li p{ padding:15px 0; font-size: 12px;}
.more{ display:block; clear:both; text-align:center; padding:20px 0; font-size:16px; color:#3d73c9 }
.click-left{ position:absolute; left:20px; top:220px; z-index:5; opacity:0.9  }
.click-right{ position:absolute; right:20px; top:220px; z-index:5; opacity:0.9 }

.single-ul{ font-size:16px; }
.single-ul li{ overflow:hidden; display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee}
.single-ul li span{ float: left; width:250px; margin-right:40px; padding:50px 0 }
.single-ul li span img{ width:100%;}
.single-ul li h3{ font-size:22px; font-weight:bold; margin-bottom:10px;}
.single-ul li h4{ float:left; background:#3d73c9; color:#fff; padding:2px 10px;}
.single-ul li p{ margin-top:10px; float:left; position:relative; width:680px; background:url(/public/images/single-ul.png) no-repeat left 5px; padding-left:25px; line-height:24px; font-family:myFirstFont }
.single-ul li p b{ font-weight:bold}
.single-ul2 li span{ width:180px; padding:20px 0; margin-right:60px; }
.single-ul2 li p{ margin-top:20px; }
.bttery-table{ background:#eeeeee; padding:30px 0}
.basewidth{ width:1000px; margin:0 auto; overflow:hidden; }
.bttery-table h2{  color:#2c6fcc; font-size:20px; font-weight:bold; margin-bottom:30px; }
.bttery-table table{}
.bttery-table table th{ background:#2c6fcc; border:2px solid #fff; padding:15px 0; color:#fff; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.bttery-table table td{ background:#eee; border:2px solid #fff; padding:15px 0; text-align:center }
.bttery-table table tr:nth-child(2n+1) td{ background:#dcdcdc; }

.down{ background:#3d73c9; border:1px solid #3d73c9; color:#fff; float:right; margin:10px 0; padding:5px 10px; border-radius:5px; }
.down:hover{ background:#fff; border:1px solid #3a73bf; color:#3a73bf}

.job_mail{ text-align:center; padding-bottom:20px; }

.new_dl_box01{ text-align:center; margin-top:-80px; }
.new_dl_box01 .basewidth{ text-align: left; position:relative; height:200px; margin-bottom:-100px;}
.new_dl_box01 .basewidth img{ position:absolute; left:0; top:0; }
.new_dl_numbers{ width:1100px; margin:0 auto; overflow:hidden; padding:60px 0 }
.new_dl_numbers li{ float:left; width:25%; text-align:center}
.new_dl_numbers li p{ padding:20px 0; font-size:16px;}
.new_dl_numbers li h3{ font-size:24px; color:#0f824c; letter-spacing:2px; }
.new_dl_numbers li h3 span{ padding-right:5px; }

.solution_logo{ display:block; margin-bottom:20px;}

.newpowerlist{ background:#2665b9 }
.newpowerlist h3{  color:#fff; }

.newpowerlist ul li{ margin-right:30px; width:230px; }

.newdplist{ overflow:hidden}
.newdplist ul{ width:110%}
.newdplist ul li{ float:left; width:316px; height:500px; margin:0 23px 40px 0}
.newdplist ul li img{ width:100%; margin-bottom:20px; cursor:pointer }
.newdplist ul li i{ display: none}
.newdplist ul li h4{ font-size:28px; color:#3671cd; padding:20px; }
.newdplist ul li p{ font-size:14px; padding:0 20px; }
.newdplist ul li:hover span{ display:none}
.newdplist ul li:hover i{ display:block}

.newyoushi{ overflow:hidden}
.newyoushi li{ float:left;}
.newyoushi li img{ width:100%}

.single .singleh3{ background:#0071bd; padding:10px; color:#fff}
.new-h3{ vertical-align:middle; margin-right:20px; }

.new-tab{ text-align:center; padding:0 0 50px;}
.new-tab a{ display:inline-block; font-size:20px; color:#2665b9; margin:0 20px; padding:2px 20px; border-radius:5px; }
.new-tab a.active{ background:#2665b9; color:#fff}
.new-tab-box02{ display:none}
.newtabtex{ margin-bottom:20px; margin-top:20px; }

.swiper-slide img{ width:100%}
.banner .swiper-button-prev{ width:61px; height:91px; background:url(/public/images/flex-prev.png) no-repeat left top; left:10%}
.banner .swiper-button-next{ width:61px; height:91px; background:url(/public/images/flex-next.png) no-repeat left top; right:10%}
.banner{ overflow:hidden; clear:both; width:100%; position:relative; }
.banner .swiper-pagination-bullet{ width:15px; height:15px;}

.foot .forPC{ display: block; }
.foot .forMobile{ display: none; }
.detail_bar{ text-align: center; }

.newsbox{ width:1200px; margin:0 auto; padding:20px 0; overflow:hidden }
.newsbox-left{ float:left; width:880px;}
.newsbox-right{ float:right; width:280px;}
.newsbox-right h3{ background:#3d73c9; color:#fff; font-size:16px; padding:10px 0; text-align:center}
.newsbox-right li{ background:#eeeeee; border:1px solid #cccccc; text-align:center; margin-bottom:2px; }
.newsbox-right li span{ display:block; border:1px solid #cccccc; margin:5px auto; width:267px; height:105px; }
.newsbox-right li span img{ display:block; width:267px; height:105px; }
.newsbox-right li p{ font-size:16px; padding:10px 0}
.detail_info img{ max-width:90%;}
.newsbox-right h4{ background:#f4f4f4; color:#fff; font-size:16px; padding:10px 0; text-align:center; margin-top:10px; color:#000; border:1px solid #cccccc;}
.newsbox-right dl{ border:1px solid #ccc; border-top:none; margin-top:-1px; padding:10px;}
.newsbox-right dl dd{ padding:5px 10px;}
.newsbox-right a:hover{ color:#3d73c9}
.newsbox-right a:hover img{ opacity:0.9}
.detail_page{ border-bottom:1px solid #aaa; margin-bottom:10px;}
.relate-news h3{ text-align:center; background:#f4f4f4; font-size:16px; padding:10px 0; margin-bottom:10px;}
.relate-news ul{ overflow:hidden; }
.relate-news ul li{ float:left; width:50%; height:30px; line-height:30px; font-size:16px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap }
.relate-news ul li:hover a{ color:#3d73c9}

.wealth-tit{ text-align:center; font-size:22px; font-weight:bold; margin:60px 0 50px}
.wealth-tab{ width:1000px; margin:0 auto 30px; overflow:hidden}
.wealth-tab ul{ width:120%;}
.wealth-tab ul li{ display:inline-block; border-bottom:1px solid #fff; font-size:20px; margin-right:170px; padding-bottom:3px; cursor:pointer }
.wealth-tab ul li.active{ color:#26a9e0; border-bottom:1px solid #26a9e0;}
.wealth-tab-bd li{ display:block; overflow:hidden; padding:30px 0;}
.wealth-item-right{ float:right;}
.wealth-tab-bd li{ display:none}
.wealth-item-right img{ width:500px; display:block}
.wealth-item-left{ float:left; background:#f7f6f6; width:500px; height:360px; position:relative; border-radius:10px 0 0 0 }
.wealth-item-left h3{ text-align:center; font-size:20px; color:#2c6fcc; border-bottom:1px solid #58595b; padding:10px; margin-bottom:40px }
.wealth-item-left h3 em{ position:absolute; display:block; background:url(/public/images/wealth-pic.png) no-repeat left top; width:83px; height:106px; text-align:center; left:25px; top:-25px; font-size:32px; font-style:normal; font-family:Arial, Helvetica, sans-serif; padding-top:15px; }
.wealth-item-left p{ margin:0 45px 0 50px; padding-left:15px; font-size:12px; line-height:26px; color:#444; position:relative}
.wealth-item-left p:before{ content: ' '; height: 5px; width:5px; background:#3d73c9; border-radius:50%; left:0; top:9px; position:absolute; }
.wealth-item-left p.plast:before{ width:0; height:0; }
.wealth-item-left h4{  font-size:14px; color:#000; padding:10px; margin:0 55px; font-weight:bold }
.wealth-item-left p a{ display:inline-block; background:#26a9e0; color:#fff; border-radius:5px; padding:3px 10px; margin-top:10px; margin-left:60px; }
.wealth-table{ background:#f7f6f6; padding:30px 50px; border-radius:10px;}
.wealth-table h3{ background:url(/public/images/wealth2.png) no-repeat left top; height:64px; width:600px; line-height:50px; color:#fff; padding-left:20px; margin-bottom:10px;}
.wealth-table h3 img{ vertical-align:middle; margin-right:10px;}
.wealth-table table{}
.wealth-table td{ border:1px solid #a0a0a0; text-align:center; padding:5px;}
.wealth-table tr:nth-child(2n+1){ background:#eee}
.wealth-table .tablescoll2 tr:nth-child(2n+1){ background:#fff}
.wealth-table th{ border:1px solid #a0a0a0; color:#3d73c9; text-align:center; padding:5px; background:#e4e9f1;}
.wealth-table h4{ color:#3d73c9; padding-bottom:20px; font-size:16px;} 
.beizhu{ border-right:2px solid #2c6fcc; color:#3d73c9}
.tablescoll{ width:100%; overflow:auto; margin:20px 0; position:relative}
.tabletit{ text-align:right; color:#3d73c9; font-weight:bold; }
.tablescollstyle{ }
.tablescollstyle2{}
.wealth-tit-add{ text-align:left}
.wealth-add-list{ overflow:hidden; padding-top:20px;}
.wealth-add-list ul{ width:110%;}
.wealth-add-list ul li{ float:left; width:460px; margin-right:50px; margin-bottom:50px; border-radius:15px; background:#edeeef; height:100px; position:relative; line-height:54px; }
.wealth-add-list ul li:before{border: solid transparent; content: ' '; height: 0; right: -35px; position: absolute; width: 0;  border-width: 20px; border-left-color: #edeeef; top: 30px; }
.wealth-add-list ul li span{ float:left; width:110px; margin-right:15px; background:#3687cb; height:100%; border-radius:15px 0 0 15px}
.wealth-add-list ul li em{ background:url(/public/images/wealth5.png) no-repeat left top; width:85px; height:85px; text-align:center; font-size:45px; font-style:normal; padding-top:10px; font-weight:bold; color:#fff; position:absolute; left:20px; top:-20px; line-height:60px; }
.wealth-lc-list{ overflow:hidden}
.wealth-lc-list ul{ width:110%;}
.wealth-lc-list li{ float: left; width:290px; height:260px; background:url(/public/images/wealth6.png) no-repeat left top; background-size:contain; position:relative; margin:0 60px 0 0}
.wealth-lc-list li:nth-child(4){ margin-left:180px; }
.wealth-lc-list li span{ display:block; text-align:center; padding:10px 0; }
.wealth-lc-list li span img{ height:120px}
.wealth-lc-list li em{ position:absolute; font-size:20px; left:50px; top:100px; color:#3687cb; font-style:normal;}
.wealth-lc-list li p{ width:160px; margin:0 auto; text-align:left}
.wealth-lc-list li p b{ font-size:12px;}

.wealth-tit-p{ text-align:center; font-size:16px; color:#3d73c9; padding-top:20px}

@media screen and (min-width:1280px){
	
	
	
	
	.prolist ul li a:hover img{transform:scale(1.1);
	-ms-transform:scale(1.1); 	/* IE 9 */
	-moz-transform:scale(1.1); 	/* Firefox */
	-webkit-transform:scale(1.1); /* Safari  Chrome */
	-o-transform:scale(1.1); 	/* Opera */
	 }
	.prolist ul li a:hover p::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 100px;
		left: 50%;
		transform: translate(-50%);
		height: 3px;
		background: #fff;
		animation: widthChange2 .3s linear forwards; width:100px; 
	}
	@keyframes  widthChange2 {
		from {
			width: 0;
		}
		to{
			width: 40%;
		}
	}
	
	.planimgs ul li:hover img{
		transform:scale(1.1);
		-ms-transform:scale(1.1); 	/* IE 9 */
		-moz-transform:scale(1.1); 	/* Firefox */
		-webkit-transform:scale(1.1); /* Safari  Chrome */
		-o-transform:scale(1.1); 	/* Opera */
		}
		
	.planimgs ul li:hover h3::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%);
		height: 3px;
		background: #fff;
		animation: widthChange .3s linear forwards;
	}
	@keyframes  widthChange {
		from {
			width: 0;
		}
		to{
			width: 100%;
		}
	}	
	
}


@media screen and (min-width:280px) and (max-width:1024px){
	
	.wealth-tit-p{ font-size:12px; padding:0}
	.wealth-table th, .wealth-table td{ font-size:12px;}
	
	.wealth-item-left p{ padding:0 15px; margin:0 0 0 15px;}
	.wealth-tab ul li{ font-size:11px; margin-right:13px;}
	.wealth-item-left h4{ font-size:14px; margin:0 20px;}
	.wealth-item-left p a{ margin-left:30px; padding:0px 10px}
	
	.wealth-lc-list ul{ width:100%; }
	.wealth-lc-list li{ width:45%; height:210px; margin:0 5% 10px 0}
	.wealth-lc-list li span img{ height:90px;}
	.wealth-lc-list li p{ margin-top:40px; font-size:12px; width:100%}
	.wealth-lc-list li:nth-child(4){ margin-left:0}
	.wealth-lc-list li:nth-child(4), .wealth-lc-list li:nth-child(3){ height:260px;}
	.wealth-lc-list li em{ left:46%}
	
	
	.wealth-add-list ul{ width:100%; }
	.wealth-add-list ul li{ width:100%; height:auto; padding-left:80px; box-sizing:border-box; margin:0 0 10px 0; line-height:24px; height:70px; border-radius:10px; margin-bottom:30px; padding-top:10px; }
	.wealth-add-list ul li em{ background-size:60px; font-size:30px; width:60px; height:43px; line-height:43px; left:10px; }
	.wealth-add-list ul li span{ display:none}
	.wealth-add-list ul li:before{ display:none}
	
	.wealth-tit{ font-size:14px; margin:30px 0}
	.wealth-tab{ width:100%; margin-bottom:0 }
	.wealth-tab ul{ width:120%}
	.wealth-tab ul li{ margin:0 0 20px 0; font-size:12px; margin-right:20px;  text-align:center; float:left;}
	.wealth-item-left{ width:100%; height:auto; padding-bottom:10px;}
	.wealth-item-right img{ width:100%}
	.wealth-item-left h3 { font-size:14px; margin-bottom:10px; }
	.wealth-item-left h3 em{ font-size:16px; margin-right:10px; position:relative; background:none; height:auto; width:auto; left:0; top:0; display:inline-block; padding:0}
	.wealth-tab-bd li{ padding:0}
	.wealth-table{ padding:10px;} 
	.wealth-table h3{ background:#2c6fcc; font-size:12px; width:100%; height:auto; line-height:30px; padding-left:10px}
	.wealth-table h3 img{ width:20px; }
	.wealth-table h4{ font-size:14px;}
	.beizhu{ font-size:12px; padding-right:20px;}
	.tablescollstyle2{ width:100%}
	.tabletit{ font-size:12px;}
	
	.newsbox{ width:100%}

	.newsbox-left{ width:100%; padding:10px; box-sizing:border-box}
	.newsbox-right{ width:100%; padding:10px; box-sizing:border-box}
	.relate-news ul li{ font-size:12px; width:100%; height:auto}
	
	.banner .swiper-button-prev, .banner .swiper-button-next{ display:none}
	
	.new_dl_numbers{ width:100%}
	.new_dl_numbers li{ width:50%; margin-bottom:10px; }
	.new_dl_numbers li img{ width:70px;}
	.new_dl_numbers li p{ font-size:12px; }
	.new_dl_numbers li h3{ font-size:16px; letter-spacing:0; }
	
	
	.new-h3{ width:30px;}
	.newyoushi li{ }

	.newdplist ul{ width:100%}
	.newdplist ul li{ width:100%; height:auto; margin:0 0 10px 0}
	.newdplist ul li p{ font-size:12px; }
	
	.new_dl_box01{ margin:0}
	.solution_logo img{ width:100px;}
	.new_dl_box01 .basewidth{ height:auto; margin:0}
	.new_dl_box01 .basewidth img{ position:relative; max-width:60%; }
	.new_dl_box01 img{ width:90%}
	
	.basewidth{ width:100%; padding:0; overflow:auto}
	.bttery-table{ padding:0; font-size:10px; overflow: auto}
	.bttery-table h2{ font-size:16px; padding:20px; margin:0}
	
	.single-ul li span{ margin:0 0 10px; padding:0; width:100%; text-align:center}
	.single-ul li span img{ width:70%}
	.single-ul li h3{ font-size:16px; clear:both; text-align:center }
	.single-ul li h4{ float:none}
	.single-ul li p{ width:100%; background:none; padding:0 }
	
	.pro_text h2{ font-size:16px; }
	
	.power_list2{ width:90%; margin:0 auto}
	.power_list2 h3{ font-size:16px; margin-bottom:10px; background:none; padding:0}
	.power_list2 ul{ width:100%}
	.power_list2 ul li{ width:100%; margin:0 0 10px;}
	
	.power_list1 span{ width:100%; margin:0 0 10px}
	.power_list1 h3{ font-size:16px; margin-bottom:10px;}
	.power_list1 p{ width:100%; font-size:12px; margin-bottom:10px; line-height:20px; }
	.power_list1 p img{ width:40px; margin-right:10px;}
	
	.power_left img{ width:100%; }
	.power_left p{ width:80%}
	.power_left h3{ width:100%; margin-top:10px; }
	
	.photovoltaic{ font-size:12px;}
	.photovoltaic h3{ font-size:14px; margin-bottom:10px;}
	.photovoltaic h2{ font-size:16px; margin-bottom:20px;}
	.photovoltaic h4{ font-size:14px;}
	
	.policy ul{ width:100%; }
	.policy ul li{ width:50%; box-sizing:border-box; padding:10px; margin:0; height:260px; }
	.policy ul li span{ width:100%; height:auto; background:none; color:#333}
	.policy ul li p{ width:100%; font-size:12px; height:auto; background: none; }
	
	.policy_list_box{ width:95%; margin:0 auto}
	.policy_list h3{ font-size:16px; text-align:center; }
	.policy_list_box ul{ width:100%; }
	.policy_list_box ul li{ width:100%; height:auto; margin:0}
	.policy_list_box ul li p{ font-size:12px;}
		
	.policy_step{ width:95%; margin:0 auto}
	.policy_step ul{ width:100%; }
	.policy_step ul li{ width:100%; height:auto}	
	.policy_step ul li img{ width:100px }
	.policy_step ul li p{ font-size:14px; padding:20px; text-align:center}
		
	.prolista li{ padding:10px;}
	.prolista li img{ width:60%; float:none; margin:0 auto; margin-bottom:20px; display:block}
	.prolista li p{ font-size:12px; padding:0; background:none; line-height:22px; }
	.prolista li h3{ font-size:14px;}
	.prolista li h4{ font-size:12px;}
	.prolista li h5{ font-size:12px;}
	.prolista li.li02 img{ float:none}
	.prolista li.li02 p{ padding:0; background:none; }
	.prolista li.li03 p{ padding:0; background:none}
	
	.prolist{ width:96%; margin:0 auto}
	.prolist ul li{ margin-bottom:10px;}
	.prolist ul li a span{ width:100%}
	.prolist ul li a span img{ width:100%}
	.prolist ul li a p{ width:100%; height:auto; line-height: 50px; font-size:14px; height: auto}
	
	.richbox .duty li span{ height:auto }
	.richbox .duty li h4{ font-size:14px;}
	.richbox .duty li p{ font-size:12px; padding-bottom:10px; }
	.join_in{ background:#ede9d8; height:auto; padding:20px 0; text-align:center}
	.join_in b{ width:100px; padding:4px 0; text-align:center; background:#3d73c9; color:#fff; display:block; margin:0 auto; border-radius:5px;}
	.join_in h3{ display: block}
	
	.rich{ width:96%; margin: auto}
	.rich ul{ width:100%}
	.rich ul li{ width:100%; height:auto; margin:0 0 10px 0}
	.rich h3{ font-size:16px; margin-bottom:10px;}
	.rich ul li h4{ font-size:14px;}
	.rich ul li p{ font-size:12px; padding:10px;}
	.rich ul li img{ width:100px;}
	
	.power_width{ width:100%; background:#fff; box-sizing:border-box; }
	.power_list{ padding:10px 0}
	.power_width h3{ font-size:16px; margin-bottom:10px;}
	.power_width ul{ width:100%}
	.power_width ul li{ width:50%; margin:0; padding:10px; box-sizing:border-box }
	.power_width ul li:nth-child(3){ clear:both}
	.power_width ul li img{ width:100%; }
	.power_width ul li p{ font-size:12px;}
	.power_width ul li span{ font-size:12px; }
	
	.power{ width:95%}
	.power_more{ font-size:12px; text-align:center; margin:10px 0}
	.dpbox li:nth-child(2n) h4{ text-align:left}
	.power .duty li:nth-child(2n) .power_more{ text-align:center}
	
	.probox{ padding:20px 0}
	.prowidth{ width:100%; }
	.pro-tab-hd a{ font-size:16px; margin:0 20px; }
	.pro-tab-hd{ margin-bottom:20px; }
	.pro-ul li{ width:48%; margin:0;}
	.pro-ul li img{ width:100%}
	.pro-ul li a p{ font-size:12px; padding:0; margin:10px 0}
	.pro-ul li a h3{ font-size:12px; height:30px; line-height:30px;}
	
	.chart{ background:#c4c4c4; height:auto; padding:20px 0; text-align:center}
	.chart a h3{ display:block; margin:10px auto; font-size:16px;}
	.chart a h3 b{ display:block; background:#315bbd; color:#fff; width:100px; margin:20px auto; padding:5px 0; border-radius:5px; font-size:16px;}
	
	.pro_list { margin:0; padding:0;}
	.pro_list ul{ width:100%}
	.pro_list ul li{ width:100%; box-sizing:border-box; height:auto; margin:0 0 20px 0}
	.pro_list ul li a h3{ font-size:16px; padding:10px}
	.pro_list ul li a p{ font-size:12px;}
	.pro_list ul li a  img{ max-width:100%}
	
	.pro_trnsfor{ width:100%}
	.pro_text{ font-size:12px; margin:10px 0; }
	
	.look{ font-size:12px; margin:10px;}
	.dplist ul{ width:100%}
	.dplist ul li{ width:100%; height:auto; margin:0 0 10px 0; padding:0;}
	.dplist ul li img{ max-width:100%; }
	.dplist ul li h4{ font-size:14px; font-weight:bold; padding:10px;}
	.dplist ul li p{ font-size:12px; padding:0 10px 10px;}
	.dplist h3{ font-size:16px;}
	
	.detail_tit{ font-size:14px;}
	.detail_bar{ margin:10px 0; font-size:12px; text-align:center}
	.detail_info{ font-size:12px; line-height:20px;}
	.detail_info p{ text-indent:0; margin-bottom:10px; }
	.detail_page{ padding:10px; }
	.detail_page a{ font-size:12px; display:block; margin:0; margin-bottom:10px; }
		
	.page{ padding:10px; line-height:36px; }
	.page a{ font-size:12px; padding:3px 5px;}
	
	
	.subform li{ width:100%; box-sizing:border-box; margin:0 0 10px 0}
	.subform h3{ font-size:14px; margin-bottom:10px;}
	.subform ul{ padding:0;}
	.subform li span{ font-size:12px; margin-bottom:10px;}
	textarea{ width:100%; height:auto; box-sizing:border-box}
	.subform li input{ width:100%; box-sizing:border-box}
	.subform li a{ font-size:14px; margin:10px auto}
	
	.job_tit li{ font-size:12px; padding:10px 0; text-indent:0}
	.job_item li{ font-size:12px; padding:10px 0; text-indent:0; text-align:center}
	.job_item li:nth-child(1){ text-indent:0; text-align:center }
	.job_info h3{ font-size:12px;}
	.job_info p{ font-size:12px; line-height:24px;}
	.forjobs a{ font-size:12px;}
	
	.mapslist{ width:100%}
	.mapslist li h3{ font-size:16px;}
	.mapslist li p{ font-size:12px;}
	.mapslist li h4{ font-size:12px;}
	.map{ display: none}
	
	
	.pcmenu{ display:none}
	.indexbanner{ top:0; margin:0; }
	.flex-direction-nav{ display:none}
	.flex-control-nav li a{ width:10px; height:10px;}
	.flex-control-nav{ bottom:5px;}
	.developmenttext{ padding:10px 20px; width:auto; font-size:12px; line-height:20px;}
	.developmentlist{ padding:0; }
	.development{ height:auto; background-size:cover}
	.developmentlist{ width:90%; height:auto; background:none}
	.developmentlist ul{ width:100%}
	.developmentlist ul li{ margin:0 0 10px 0; width:100%; height:auto; background:none; }
	.developmentlist ul li span{ position:relative; left:auto; top:auto; background:none}
	.developmentlist ul li img{ margin:20px auto 0; width:100%; height:auto}
	.developmentlist ul li h3{ font-size:16px; margin:20px 0 10px}
	.developmentlist ul li p{ font-size:12px;}
	.tit{ padding:20px;}
	.tit h3{   margin-bottom:0; font-size:18px; margin:0 10%; border-bottom:1px solid #000; padding-bottom:10px; background:none }
	.tit p{ font-size:12px; padding:0 20px;}
	.planimgs{ width:90%; margin:0 auto}
	.planimgs ul{ width:100%; margin:0}
	.planimgs ul li{ width:100%; height:auto; margin-bottom:10px;}
	.planimgs ul li img, .planimgs ul.businessul li img{ width:100%; height:auto}
	.planimgs ul li h3{ position:relative; width:100%; bottom: auto; text-indent:0; text-align:center; font-size:14px; height: auto; line-height:14px; padding:10px 0}
	.planimgs ul.businessul li{ width:100%; height:auto}
	.planimgs ul.businessul:nth-child(1) li:nth-child(3), .planimgs ul.businessul:nth-child(2) li:nth-child(1){ width:100%}
	.planimgs ul.businessul li.ab{width: 100% !important;}
	.news{ width:90%; margin:0 auto; padding:10px 0;}
	.news-tab-hd{ margin-bottom:30px;}
	.news-tab-hd a{ font-size:14px; margin:0 10px;}
	.news-ul ul{ width:100%; padding:0; }
	.news-ul li{ width:100%; height:auto; margin:0 0 10px 0; padding:0; box-sizing:border-box}
	.news-ul li a img{ width:100%; height:auto}
	.news-ul li h3{ font-size:12px; padding:0 0 15px; line-height:16px;}
	
	.foot{ padding:10px;}
	.foot_box{ width:90%; margin:0 auto}
	.foot_right{ float:none; text-align:center; padding:10px 0 }
	.foot_right a{ margin:0 20px; }
	.foot_right a img{ width:30px;}
	.foot_right a b{ display:none}
	.foot_left{ text-align:center; font-size:12px;}
	.foot_left a{ margin:0 10px;}
	
	.wap_header{ background:#000}
	.head{ display:none}
	.wap_header{ display:block}
	.wap_header{ width:100%; margin:0; left:0; height: auto; overflow:hidden; padding:10px 15px 10px;  }
	.wap_header_style{ height:100%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; padding-bottom:20px; box-sizing:border-box;opacity:0.95; }
	.mobilebg{ position: fixed; z-index:1; left:0; top:0; width:100%; height:100%; background:#fff;}
	.top{ display:none}
	.phonelogo{ display:block; width:auto}
	.phonelogo img{ width:40px;}
	.topmenu{ display:block}
	 .topmenu a{ font-size:10px; color:#fff}
	 .topmenu{ display:block; float:right; margin:0 10px 0 0; font-size:14px; text-transform:uppercase; position:relative; z-index:2}
	 .indexclose{ position:relative; z-index:2; font-size:10px;}
 	.mobilenav ul li a{ font-size:16px; }	
 	.mobilenav{ overflow:visible; height:auto; background:#fff;  margin-top:70px; }
 	.mobilenav ul{ float:right} 
 	 .logo img{ width:76px; margin-left:15px; }
	 .indexadd a{ margin-bottom:5px; width:100%; }	
	 .logo{ height:auto; padding:10px 0; margin:10px 0 0 10px; position:relative; }	
	 .nav{ width:100%; text-align:center; display:none; border-top:1px solid #eee; border-bottom:1px solid #eee; padding-top:10px; border:none}
	 .nav li{ width:100%; margin:0; padding:0; text-align:right}
	 .nav li b{ font-size:24px; padding-right:10px;}
	
	 .nav li a:hover{ background:none}
	 .nav li a.nav1, .nav li a.nav2, .nav li a.nav3, .nav li a.nav4, .nav li a.nav5, .nav li a.nav6, .nav li a.nav1:hover, .nav li a.nav2:hover, .nav li a.nav3:hover, .nav li a.nav4:hover, .nav li a.nav5:hover, .nav li a.nav6:hover{ background:none; text-indent:0;}
	 .nav ul{ width:100%;}
	 .logo img{ margin:0}
	 
	 .content{ padding-top:43px;}
	 
	 .mobilenav ul li ul li a{ font-size:12px; border:none; padding:5px; opacity:0.8}
	 .mobilenav ul li ul{ padding:10px; display:none}
	 .mobilenav ul li ul li h3{ font-size:14px; padding-right:30px;}
	 .mobilenav ul li ul li h3, .mobilenav ul li ul li h3 a{ padding-right:0}
 
 	 .subcontent{ width:90%; margin:0 auto; padding:10px 0; }
	 .statue{ font-size:12px; padding:10px 0; margin-bottom:10px;}
 	 .statue img{ width:14px; margin:3px}
	 .subtit{ font-size:16px; padding:10px; margin-bottom:20px; }
 	 .subtit span{ display:none}
	 .single{ font-size:12px; line-height:20px;}
	 .single h3{ font-size:14px; margin-bottom:10px; }
	 .single p{ font-size:12px; line-height:20px; margin-bottom:10px; }
     video,.about-video{ margin-bottom:10px;}
 	
	.culture{ padding-bottom:20px;}
 	.culture li{ width:50%}
	.culture span{ position:relative; display:block; padding:10px 0; background:#fff; color:#333 }
	.culture span h3{ font-size:14px; margin:0; margin-bottom:10px; }
	.culture span p{ font-size:12px; line-height:16px; height:50px; color:#aaa }
	.culture li em{ display: none}
	
 	.duty li{ margin-bottom:20px; }
	.duty li span{ width:100%; height:auto }
 	.duty li span h4 { padding:10px; font-size:14px;}
	.duty li span p{ font-size:12px; }
 	
	.time{ font-size:14px;}
	.event_box{ display:none}
	.event{ padding:10px 0;}
	.event_top{ display:none}
	.event_item_left{ width:45%; padding:0 10px 0 0; box-sizing:border-box}
	.event_item_left img{ width:100%}
	.item-image{ width:100%; padding:10px; box-sizing:border-box}
	.event_item_center{ width:5%; display:none; }
	.event_item_center img{ width:100%}
 	.event_item_right{ width:55%; position:relative; padding-left:20px; box-sizing:border-box; min-height:180px; }
	.event_item_right:after{ content: ''; background: url(/public/images/dot_ico.png) no-repeat; border-left:1px solid #ccc; position: absolute;  z-index: 20;top: 0; left: 10px; height:100%; }
	.item-year{ font-size:14px; margin-bottom:10px; font-weight:bold; position:relative }
	.item-year:after{ content: ''; background: url(/public/images/dot_ico.png) no-repeat #fff; background-size:cover; width: 16px; height: 16px; position: absolute;  z-index: 20;top: 0; right:-28px;}
	.event_item_right .item-content{ padding-left:10px;}
	.event_item_right .item-year:after{ content: ''; background: url(/public/images/dot_ico.png) no-repeat #fff; background-size:cover; width: 16px; height: 16px; position: absolute;  z-index: 20;top: 0; left:-28px;}
	.item-html{ font-size:12px; line-height:16px;}
	
	.tab-hd li{ margin:0 10px; padding:2px 10px; letter-spacing:0; font-size:14px;}
	.tab-hd{ margin-bottom:20px;}
	.dl01{ width:100%}
	.dl01 dd{ width:50%; margin:0 0 10px 0; padding:5px; box-sizing:border-box; }
	.dl01 dd span{ display:block; position:relative; height:50px; background:#fff; color:#333 }
	.dl01 dd span h3{ margin:0; padding:10px; font-size:12px; color:#333 }
	.dl01 dd img{ width:100%}
	.dl02{ width:100%}
	.dl02 dd{ width:50%; margin:0 0 10px 0; padding:5px; box-sizing:border-box; }
	.dl02 dd span{ display:block; position:relative; height:50px; background:#fff; color:#333 }
	.tab .dl02 dd span .h3{ margin:0; padding:10px; font-size:12px; color:#333 }
	.dl02 dd img{ width:100%}
	.dl03{ width:100%}
	.dl03 dd{ width:50%; margin:0 0 10px 0; padding:5px; box-sizing:border-box; }
	.dl03 dd span{ display:block; position:relative; height:50px; background:#fff; color:#333 }
	.dl03 dd span .h3{ margin:0; padding:10px; font-size:12px; color:#333 }
	.dl03 dd img{ width:100%}
	
	.president_name img{ width:100px; }
	.tabnet{ margin:0 0 30px;}
	.tabnet .tab-bd img{ max-width:100%; }
 	
	.join li{ margin-bottom:10px; }
	.join li span{ width:100%; height:auto; padding:10px 0 }
 	.join li span h4 { padding:10px; font-size:14px;}
	.join li span p{ font-size:12px; }
	.join li:nth-child(2) span{ height:auto}
	.forjob{ margin:30px auto; font-size:14px; }
	.join li img{ width:100%; height:auto}
	
	.newtit{ font-size:16px; margin-bottom:10px;}
	.subnews{ width:100%}
	.newsmore{ margin:10px 0}
	.newsmore a{ font-size:14px;}
	.newsmore a img{ width:20px;}
	.subdnews{ width:100%}
	
	.duty li img{ width:100%}
	
	/*717修改*/
	.foot_box{ height:100%; overflow:hidden}
	.foot_right a{ float:none}

	.mobilenav ul li ul li h3{ font-weight:bold}
	.prolist ul li a:hover img{transform:none;
		-ms-transform:none; 	/* IE 9 */
		-moz-transform:none; 	/* Firefox */
		-webkit-transform:none; /* Safari  Chrome */
		-o-transform:none; 	/* Opera */
	}
	
	.culture span h3, .culture span p{ opacity:1}
	.culture span{ opacity:1}
	.culture li a span h3{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity:1}
	.culture li a span p{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity:1}  
	
	.dl01 dd span .h3, .dl01 dd span{   opacity: 1;}
	.dl01 dd span .h3, .dl02 dd span .h3, .dl03 dd span .h3{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); opacity:1}  
	.dl01 dd:nth-child(7), .dl01 dd:nth-child(8){ width:100%}
	
	.dl02 dd span, .dl02 dd span .h3{ opacity: 1;  }
	
	.dl03 dd span, .dl03 dd span .h3{ opacity: 1;  }
	
	.chart a h3 b{ padding:0; margin:20px 0 0 0; font-size:14px;}
	.chart a h3{ text-align:left; padding-left:30px;}
	.chart{  background:url(/public/images/product_img7.jpg) no-repeat 64% top; background-size:cover; padding:24px 0}

	.power_width ul li span{ padding:15px; line-height:18px; display:none; width:100%; height:100%; box-sizing:border-box}
	
	.newpowerlist .power_width ul li{ background:none}
	.newpowerlist .power_width{ background:none}
	
	.join_in{  background:url(/public/images/join_in.jpg) no-repeat center top; height:100px; background-size:cover}
	.join_in h3{ padding-top:0;}
	.join_in h3 b{ font-size:14px; width:100px; height:24px; line-height:24px;}
	
	.map{ display:block; height:300px; width:100% }
	
	
	.solution_logo{ display:none}
	
	.foot{ float:left; width:100%; box-sizing:border-box}
	.foot_box{ overflow:visible}
	.foot_right{ padding-left:30%}
	.foot_right a{ float:left; margin-left:10px;}
	.foot_right a em{ left:-55px; top:-140px;}
	.foot_right a em img{ width:110px;}
	
	.foot_right a.webchat:hover{ background:url(/public/images/webchat_on.png) no-repeat left top; width:30px; height:30px; background-size:contain; display:inline-block }
	
  .foot .forPC{ display: none; }
  .foot .forMobile{ display: block; }
}

@media screen and (max-width:768px){
  .subform li.licode{width: 100%}
  .subform li.licode>a{float: none;}
  .subform li.licode>div{float: none;margin-top: 20px;}
}